@charset "utf-8";
/* CSS Document */
@import url("base.css");

/* =================================================== */
/* 首页 */
.nav .h-address-jt{padding-right:12px; background:url(../images/home/h-address-jt@2x.png) no-repeat right center; background-size:auto 100%;}
.nav .h-search{background-image:url(../images/home/h-search@2x.png);}
.nav .logo{width:85px; background:url(../images/home/logo@2x.png) no-repeat center center; background-size:100% 100%;}

.banner{margin:5px; margin-bottom:0; width:auto; height:115px; overflow:hidden; position:relative;}
.banner li{width:100%; height:115px; overflow:hidden;}
.banner li a{display:block; width:100%;}
.banner li a img{width:100%; height:115px;}
.banner .pager{position:absolute; bottom:5px;}
.banner .pager a{display:inline-block; float:left; text-indent:-99em; background:#fff; width:6px; height:6px; overflow:hidden; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; opacity:0.5; margin:0 4px; text-decoration:none; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; transition:all 0.2s linear 0s;}
.banner .pager a.cur{opacity:1;}

.h-block{padding-left:5px; margin:10px 0 5px 0; height:72px;}
.h-block a{display:block; float:left; margin-right:5px; height:72px; overflow:hidden; border-radius:5px; font-size:14px; color:#fff; text-align:center; text-decoration:none;}
.h-block a div{width:30px; height:30px; margin:0 auto; margin-top:13px; background:no-repeat center center; background-size:100% 100%;}
.h-block .block1{background:#ffae59;}
.h-block .block1 div{background-image:url(../images/home/h-block01@2x.png);}
.h-block .block2{background:#59d5b9;}
.h-block .block2 div{background-image:url(../images/home/h-block02@2x.png);}
.h-block .block3{background:#fc7e78;}
.h-block .block3 div{background-image:url(../images/home/h-block03@2x.png);}

.h-test{margin:5px; width:auto; height:70px; overflow:hidden; background:url(../images/home/h-test@2x.png) no-repeat center center; background-size:100% 100%;}
.h-test a{display:block; height:70px; text-decoration:none;}
.h-test a div{float:right; width:70px; height:70px; overflow:hidden; position:relative; text-align:center; background:url(../images/home/h-test-r@2x.png) no-repeat center center; background-size:100% 100%;}
.h-test a div span{display:block; position:absolute; left:50%; top:50%; margin-left:-35px; margin-top:-20px; color:#fff; font-size:18px; width:70px; height:40px; line-height:20px;}

.h-list{margin:5px 0 10px 0; width:auto; height:220px; overflow:hidden; position:relative;}
.h-list .pager{position:absolute; bottom:5px;}
.h-list .pager a{display:inline-block; float:left; text-indent:-99em; background:#c2c2c2; width:6px; height:6px; overflow:hidden; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin:0 4px; text-decoration:none; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; transition:all 0.2s linear 0s;}
.h-list .pager a.cur{background:#dc0432;}
.h-list .list{width:auto; height:204px;}
.h-list .list li{position:relative;}
.h-list .list li .h, .h-list .list li .h2{position:absolute; width:100%; height:1px; overflow:hidden; background:#e5e5e5; top:68px; left:0;}
.h-list .list li .h2{top:136px;}
.h-list .list li .v{position:absolute; width:1px; height:204px; overflow:hidden; background:#e5e5e5; top:0; left:50%;}
.h-list .list li a{display:block; width:50%; height:68px; overflow:hidden; float:left; text-align:left;}
.h-list .list li a span{display:block; margin-left:65px; height:68px;}
.h-list .list li a span div{float:left; margin-left:-55px; margin-top:9px; width:50px; height:50px; border-radius:25px; background:no-repeat center center; background-size:100% 100%;}
.h-list .list li a span .avatar{position:relative;}
.h-list .list li a span font{display:block; float:left; width:100%; height:15px; overflow:hidden; font-size:12px; line-height:15px; -webkit-transform:scale(0.91); transform:scale(0.91);}
.h-list .list li a span .name{height:20px; line-height:normal; font-size:14px; margin-top:9px; margin-left:3px; -webkit-transform:scale(1); transform:scale(1);}
.h-list .list li a span .memo{color:#adadad;}

.avatar strong{display:block; position:absolute; right:0; bottom:0; width:12px; height:12px; overflow:hidden; background:url(../images/list/l-video@2x.png) no-repeat center center; background-size:100% 100%;}

/* =================================================== */
/* 搜索 */
.nav .search{width:85%; margin:0; margin-left:44px;}
.nav .search .search-input div{margin-right:54px;}

/* =================================================== */
/* 年级 */
.nav-placeholder-fixed{height:45px;}
.nav-fixed{position:fixed;}

.fixed-placeholder, .fixed{height:186px;}

.hl-block{padding-left:5px; height:auto; overflow:hidden;}
.hl-block a{display:block; float:left; margin-right:5px; margin-top:5px; height:48px; line-height:48px; overflow:hidden; overflow:hidden; border-radius:5px; font-size:16px; color:#fff; text-align:center; text-decoration:none;}
.hl-block .block1{background:#ffaf5a;}
.hl-block .block2{background:#59d5b9;}
.hl-block .block3{background:#fd7e78;}
.hl-block .block4{background:#52b6e7;}
.hl-block .block5{background:#dad404;}
.hl-block .block6{background:#ff79d2;}
.hl-block .block7{background:#b156ff;}
.hl-block .block8{background:#43d3f7;}
.hl-block .block9{background:#f7cf43;}
.hl-block .block10{background:#74f15f;}
.hl-block .block11{background:#dad404;}
.hl-block .block12{background:#ff79d2;}

.ge-title .title{background:#fff; font-size:14px;}

.hl-teacher{width:auto; height:auto; overflow:hidden;}
.hl-teacher a{display:block; float:left; margin-bottom:20px; width:66px; height:auto; overflow:hidden; text-align:center; text-decoration:none;}
.hl-teacher a .avatar{position:relative; width:48px; height:48px; border-radius:24px; background:no-repeat center center; background-size:100% 100%;}
.hl-teacher a .name{height:20px; line-height:20px; font-size:12px;}
.hl-teacher a .info, .hl-teacher a .info div{height:15px; line-height:15px; font-size:12px; color:#777;}
.hl-teacher a .info div{width:76px; margin-left:-5px; -webkit-transform:scale(0.84); transform:scale(0.84);}

/* =================================================== */
/* 老师列表 */
.l-filter{background:#e5e5e5; height:34px;}
.l-filter a{display:block; float:left; width:39%; height:34px; line-height:34px; overflow:hidden; text-align:left; text-decoration:none;}
.l-filter a.ico3{width:22%;}
.l-filter a div{float:left; width:34px; height:34px; background:no-repeat center center; background-size:100% 100%;}
.l-filter a font{display:block; float:left; width:auto; height:34px; font-size:12px; color:#656565;}
.l-filter a span{display:block; float:left; width:12px; height:34px; background:url(../images/list/l-jt@2x.png) no-repeat center center; background-size:100% 100%;}
.l-filter a span.turn{-webkit-transform:rotate(180deg); transform:rotate(180deg);}
.l-filter .ico1 div{background-image:url(../images/list/l-ico01@2x.png);}
.l-filter .ico2 div{background-image:url(../images/list/l-ico02@2x.png);}
.l-filter .ico3 div{background-image:url(../images/list/l-ico03@2x.png);}

.filter-box-bg{display:none; position:fixed; z-index:200; top:0; left:0; width:100%; height:100%; background:#000; opacity:0; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.filter-box-bg-x{opacity:0.4;}
.filter-box{display:none; position:fixed; z-index:201; top:50%; left:50%; margin-left:-150px; margin-top:-184px; width:300px; height:368px; overflow:hidden; text-align:left; background:#fff; border-radius:10px; opacity:0;}
.filter-box .close{width:27px; height:27px; line-height:27px; float:right; margin-right:5px; cursor:pointer; text-align:center; font-size:24px; color:#dc0431;}
.filter-box .cell{height:45px; line-height:45px; margin-left:20px;}
.filter-box .cell font, .filter-box .cell .subcon{display:block; height:45px; float:left; font-size:14px;}
.filter-box .cell font{color:#777;}
.filter-box .cell .text input{width:60px; height:25px; background:#fff; border:1px solid #e5e5e5;}
.filter-box .cell .subcon .select{margin-top:7px; width:130px;}
.filter-box a{display:block; text-decoration:none; background-color:#dc0432; color:#fff; font-size:16px; text-align:center; width:auto; height:40px; line-height:40px; overflow:hidden; margin:0 15px; margin-top:5px; border-radius:3px; transition:all 0.2s ease-out;}
@-webkit-keyframes bounceIn {
  0%, 60%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  0%, 60%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;

  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
}

.l-list{width:100%; overflow:hidden;}
.l-list .pullRefresh li{margin-left:10px; border-bottom:1px solid #e5e5e5;}
.l-list .pullRefresh li a{display:block; height:77px; text-align:left; text-decoration:none; color:#333; padding:15px 10px 5px 0;}
.l-list .pullRefresh li a .con{margin-left:55px; font-size:12px;}
.l-list .pullRefresh li a .con .avatar{width:50px; height:50px; position:relative; float:left; margin-left:-55px; border-radius:25px; background:no-repeat center center; background-size:100% 100%;}
.l-list .pullRefresh li a .con .mation{float:left; width:100%; height:50px; overflow:hidden;}
.l-list .pullRefresh li a .con .mation .name{height:20px; overflow:hidden;}
.l-list .pullRefresh li a .con .mation .name span{display:block; color:#333; height:20px; line-height:20px; overflow:hidden; float:left; text-align:left;}
.l-list .pullRefresh li a .con .mation .name .star{float:right;}
.l-list .pullRefresh li a .con .mation .memo{height:30px; overflow:hidden; text-align:left; color:#999; font-size:12px; line-height:15px;}
.l-list .pullRefresh li a .con .mation .memo div{width:80px; height:30px; overflow:hidden; float:right; text-align:right;}
.l-list .pullRefresh li a .con .mation .memo div span{display:block; text-align:right; color:#dc0432; font-size:14px; line-height:15px;}
.l-list .pullRefresh li a .con .mation .memo div span font{float:right; display:block; line-height:15px; font-size:12px; color:#666; -webkit-transform:scale(0.91); transform:scale(0.91);}
.l-list .pullRefresh li a .con .mation .memo div s{display:block; text-align:right; color:#ccc; font-size:12px; line-height:15px; -webkit-transform:scale(0.91); transform:scale(0.91);}
.l-list .pullRefresh li a .info{margin-top:10px;}
.l-list .pullRefresh li a .info div{float:left; margin-right:10px; font-size:12px; color:#999;}
.l-list .pullRefresh li a .info div span{color:#666;}

.pullRefresh .pullDown, .pullRefresh .pullUp{position:relative; width:100%; height:64px; overflow:hidden;}
.pullRefresh .pullDown div, .pullRefresh .pullUp div{position:absolute; left:50%; top:50%; margin-left:-101px; margin-top:-18px; width:202px; height:36px;}
.pullRefresh .pullDown div i, .pullRefresh .pullUp div i{background:url() no-repeat center center; background-size:100% 100%; display:block; float:left; margin-top:7px; width:22px; height:22px; -webkit-transition:-webkit-transform 0.2s ease-out; -webkit-transform:rotate(0deg); transition:transform 0.2s ease-out; transform:rotate(0deg);}
.pullRefresh .pullDown div i.h, .pullRefresh .pullUp div i.h{-webkit-transform:rotate(180deg); transform:rotate(180deg);}
.pullRefresh .pullUp div i{-webkit-transform:rotate(180deg); transform:rotate(180deg);}
.pullRefresh .pullUp div i.h{-webkit-transform:rotate(360deg); transform:rotate(360deg);}
.pullRefresh .pullDown div i.x, .pullRefresh .pullUp div i.x{background-image:url();}
.pullRefresh .pullDown div span, .pullRefresh .pullUp div span{display:block; float:left; width:180px; height:36px; overflow:hidden; text-align:center;}
.pullRefresh .pullDown div span font, .pullRefresh .pullUp div span font{display:block; width:auto; height:22px; line-height:22px; overflow:hidden; font-size:14px; color:#777;}
.pullRefresh .pullDown div span strong, .pullRefresh .pullUp div span strong{display:block; width:auto; height:14px; line-height:14px; overflow:hidden; font-size:12px; font-weight:normal; color:#ccc; -webkit-transform:scale(0.84); transform:scale(0.84);}

/* =================================================== */
/* 老师详情 */
.d-avatar{position:fixed; left:0; top:0; z-index:103; width:100%; overflow:hidden; background:rgba(0,0,0,0.8); display:none;}
.d-avatar a{display:block; position:absolute; top:5px; right:5px; z-index:1; text-align:center; width:30px; height:30px; line-height:30px; border-radius:15px; font-size:24px; background:rgba(0,0,0,0.8); color:#fff; text-decoration:none;}
.d-avatar img{width:100%;}

.d-info .avatar{width:76px; height:76px; margin-top:15px; border-radius:38px; background:no-repeat center center; background-size:100% 100%;}
.d-info .name{height:32px; line-height:32px; text-align:center; font-size:14px;}
.d-info .price{width:auto; height:22px; line-height:22px; text-align:center; font-size:12px; color:#666;}
.d-info .price span{font-size:14px; color:#dc0432;}
.d-info .price s{font-size:12px; color:#ccc; margin-left:15px;}
.d-info .tel{display:block; height:30px; line-height:30px; font-size:12px; color:#dc0432; text-align:center; text-decoration:none;}
.d-info .tel span{color:#666;}
.d-info .memo{margin:10px 15px; line-height:18px; text-align:center; font-size:12px; color:#666;}

.d-video{display:block; margin:0 15px; overflow:hidden; position:relative;}
.d-video div{position:absolute; top:0; left:0; overflow:hidden; background:url(../images/list/d-video@2x.png) no-repeat center center; background-size:100% 100%;}
.d-video img{width:100%;}

.d-data{margin:17px 0; height:65px;}
.d-data li{float:left; border-right:1px solid #e5e5e5; width:33%; height:65px; overflow:hidden;}
.d-data li.data3{border:none;}
.d-data li .title{text-align:left; height:34px; line-height:34px; font-size:12px;}
.d-data li .title div{margin-left:7px; float:left; width:34px; height:34px; background:no-repeat center center; background-size:100% 100%;}
.d-data .data1 .title div{background-image:url(../images/list/l-ico04@2x.png);}
.d-data .data2 .title div{background-image:url(../images/list/l-ico01@2x.png);}
.d-data .data3 .title div{background-image:url(../images/list/l-ico02@2x.png);}
.d-data li .data span{font-size:16px; color:#dc0432;}
.d-data li .data font{display:inline-block; font-size:12px; -webkit-transform:scale(0.84); transform:scale(0.84);}

.d-comment .area{float:left; margin-left:10px;}
.d-comment .area li{height:28px; line-height:28px;}
.d-comment .area li span{display:block; float:left; width:65px; height:28px;}
.d-comment .area li .star{margin-top:4px;}
.d-comment .comment{float:right; width:120px; height:32px; margin-top:26px;}
.d-comment .comment a{display:block; margin:0 auto; width:100px; height:32px; line-height:32px; text-align:left; color:#fff; text-decoration:none; border-radius:5px; font-size:12px; background:#fc7e78;}
.d-comment .comment a div{float:left; width:32px; height:32px; background:url(../images/list/d-comment@2x.png) no-repeat center center; background-size:100% 100%;}

.d-auth{height:auto; overflow:hidden; padding-left:10px; padding-bottom:12px;}
.d-auth span{display:block; float:left; margin-top:12px; margin-right:7px; width:76px; height:20px; overflow:hidden; line-height:20px; color:#7f7f7f; border:1px solid #dadada; border-radius:4px;}
.d-auth span div{width:50%; height:20px; float:left; font-size:12px;}
.d-pink{background:#ff58a0; color:#fff;}
.d-green{background:#68b260; color:#fff;}
.d-yellow{background:#fda115; color:#fff;}
.d-purple{background:#8ba1ff; color:#fff;}

.d-ge{height:7px; background:#e5e5e5; border-top:1px solid #dedede; border-bottom:1px solid #dedede;}

.d-group{width:auto; height:auto; overflow:hidden;}
.d-group .title{height:38px; line-height:38px; font-size:14px; text-align:left;}
.d-group .title div{float:left; width:38px; height:38px; margin-left:10px; background:no-repeat center center; background-size:100% 100%;}
.d-group .title .g-ico1{background-image:url(../images/list/g-ico01@2x.png);}
.d-group .title .g-ico2{background-image:url(../images/list/g-ico02@2x.png);}
.d-group .title .g-ico3{background-image:url(../images/list/g-ico03@2x.png);}
.d-group .title .g-ico4{background-image:url(../images/list/g-ico04@2x.png);}
.d-group .title .g-ico5{background-image:url(../images/list/g-ico05@2x.png);}
.d-group .title span{margin-left:5px; color:#999; font-size:12px;}
.d-group .cell{height:auto; margin-left:15px; text-align:left;}
.d-group .cell .g-title{float:left; width:67px; height:25px; line-height:25px; color:#666; font-size:12px;}
.d-group .cell .g-data{float:left; height:auto; line-height:25px; font-size:12px;}
.d-group .cell .g-data2{float:left; height:auto; line-height:25px; font-size:12px; margin-left:67px;}
.d-group .cell .g-data2 div{width:100%; height:auto; overflow:hidden; float:left; font-size:12px;}
.d-group .cell .g-data2 .g-data2-title{width:67px; height:25px; line-height:25px; color:#666; margin-left:-67px;}
.d-group .cell .g-ul{float:left; height:auto;}
.d-group .cell .g-ul li{height:25px; line-height:25px; font-size:12px;}
.d-group .cell .g-block{float:left; height:auto;}
.d-group .cell .g-block li{float:left; height:20px; line-height:20px; margin-top:2px; margin-right:10px; font-size:12px; border:1px solid #e5e5e5; border-radius:3px; padding:0 10px;}
.d-group .cell .g-block .color1{color:#ffaf5a;}
.d-group .cell .g-block .color2{color:#59d5b9;}
.d-group .cell .g-block .color3{color:#fd7e78;}
.d-group .cell .g-block .color4{color:#52b6e7;}
.d-group .cell .g-block .color5{color:#dad404;}
.d-group .cell .g-block .color6{color:#ff79d2;}
.d-group .cell .g-block .color7{color:#b156ff;}
.d-group .cell .g-block .color8{color:#43d3f7;}
.d-group .cell .g-block .color9{color:#f7cf43;}
.d-group .cell .g-block .color10{color:#74f15f;}
.d-group .cell .g-block .color11{color:#dad404;}
.d-group .cell .g-block .color12{color:#ff79d2;}

.d-group .d-teach{height:42px; line-height:42px; overflow:hidden; color:#dc0432; text-align:center;}
.d-group .d-teach span{display:inline-block; width:42px; height:42px; overflow:hidden; font-size:12px; cursor:pointer;}
.d-group .d-teach div{display:inline-block; width:140px; height:42px; overflow:hidden; font-size:12px;}
.d-group .d-teach-cal{margin:0 10px; width:auto; height:auto; overflow:hidden; position:relative;}
.d-group .d-teach-cal .d-teach-ul{height:118px; overflow:hidden; position:relative; top:0;}
.d-group .d-teach-cal .d-teach-ul .d-teach-li{float:left; height:118px; overflow:hidden;}
.d-group .d-teach-cal .week{height:30px;}
.d-group .d-teach-cal .week li{float:left; width:13.9%; height:28px; line-height:28px; overflow:hidden; font-size:12px; color:#666; border:1px solid #fff; margin-right:-1px;}
.d-group .d-teach-cal .cal li{width:auto; height:29px; overflow:hidden; float:none; clear:both;}
.d-group .d-teach-cal .cal li:last-child{height:30px;}
.d-group .d-teach-cal .cal li div{float:left; width:13.9%; height:28px; line-height:28px; overflow:hidden; font-size:12px; color:#c2c2c2; border:1px solid #e5e5e5; margin-right:-1px;}
.d-group .d-teach-cal .cal li div.d{color:#dc0432;}
.d-group .d-teach-tip{margin-left:10px; height:32px; line-height:32px;}
.d-group .d-teach-tip div, .d-group .d-teach-tip span{display:block; float:left; height:32px; font-size:12px; color:#666;}
.d-group .d-teach-tip div{background:#dc0432; border-radius:5px; width:10px; height:10px; margin-right:8px; margin-top:11px;}
.d-group .d-teach-tip div.g{background:#c2c2c2;}
.d-group .d-teach-tip span{font-size:12px; margin-right:12px;}
.d-group .d-teach-more{display:block; height:44px; line-height:44px; font-size:12px; text-decoration:none;}

.d-group .d-teach-case{margin-left:10px; text-align:left; font-size:14px; line-height:24px; margin-top:10px;}
.d-group .d-teach-case li{border-bottom:1px solid #e5e5e5; text-align:left; padding:10px 0; padding-right:10px;}
.d-group .d-teach-case li:last-child{border-bottom:none;}
.d-group .d-teach-case li .title{height:25px; line-height:25px; font-size:14px;}
.d-group .d-teach-case li .memo{height:auto; line-height:18px; font-size:12px; color:#777;}

.d-group .d-stu-comment{margin-left:10px;}
.d-group .d-stu-comment li{border-bottom:1px solid #e5e5e5; height:auto; text-align:left; padding:10px 0; padding-right:10px;}
.d-group .d-stu-comment li .tit{font-size:12px; height:25px;}
.d-group .d-stu-comment li .tit .star{float:right;}
.d-group .d-stu-comment li .content{margin-left:59px; height:auto;}
.d-group .d-stu-comment li .content .avatar{position:relative; float:left; margin-left:-59px; width:50px; height:78px;}
.d-group .d-stu-comment li .content .avatar div{width:50px; height:50px; overflow:hidden; margin:0; border-radius:25px; background:no-repeat center center; background-size:100% 100%;}
.d-group .d-stu-comment li .content .avatar span{display:block; width:50px; height:28px; line-height:28px; overflow:hidden; margin:0; font-size:12px; text-align:center;}
.d-group .d-stu-comment li .content .memo{line-height:20px; color:#777; font-size:12px;}
.d-group .d-stu-comment li .content .time{line-height:18px; color:#777; margin-top:5px; margin-right:-5px; text-align:right; font-size:12px; width:100%; -webkit-transform:scale(0.91); transform:scale(0.91);}

.t-comment .comment-list li{border-bottom:1px solid #e5e5e5; height:auto; text-align:left; padding:10px 0; margin-left:15px;}
.t-comment .comment-list li .content{margin-left:50px; height:auto;}
.t-comment .comment-list li .content .avatar{position:relative; float:left; margin-left:-50px; width:50px; height:78px;}
.t-comment .comment-list li .content .avatar div{width:50px; height:50px; overflow:hidden; margin:0; border-radius:25px; background:no-repeat center center; background-size:100% 100%;}
.t-comment .comment-list li .content .avatar span{display:block; width:50px; height:28px; line-height:28px; overflow:hidden; margin:0; font-size:12px; text-align:center;}
.t-comment .comment-list li .content .memo{line-height:18px; color:#777; font-size:12px; -webkit-transform:scale(0.91); transform:scale(0.91);}
.t-comment .comment-list li .content .star-cell{height:23px;}
.t-comment .comment-list li .content .star-cell .star{float:right; margin-right:15px;}
.t-comment .comment-list li .content .time{line-height:18px; color:#777; font-size:12px; -webkit-transform:scale(0.91); transform:scale(0.91); text-align:right;}
.t-comment .comment-con{text-align:left;}
.t-comment .comment-con .comment-title{height:40px; line-height:40px; font-size:14px;}
.t-comment .comment-con .comment-title div{float:left; width:38px; height:38px; background:url(../images/list/g-ico05@2x.png) no-repeat center center; background-size:100% 100%;}
.t-comment .comment-con .comment-cell{height:50px;}
.t-comment .comment-con .comment-cell .label{color:#7a7a7a; width:80px; height:50px; line-height:50px; margin-left:15px; float:left; font-size:12px;}
.t-comment .comment-con .comment-cell .star{height:25px; margin-top:12px;}
.t-comment .comment-con .comment-cell .star i{width:25px; height:25px; background-image:url(../images/global/star2@2x.png);}
.t-comment .comment-con .comment-cell .star i.x{background-image:url(../images/global/star2_x@2x.png);}
.t-comment .comment-con .textarea{margin:20px 15px 10px 15px; border:1px solid #ccc; padding:5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.t-comment .comment-con .textarea textarea{width:100%; height:115px; border:none;}
.t-comment .comment-con .text{margin:20px 15px 10px 15px; line-height:20px; font-size:12px; color:#7a7a7a;}
.t-comment .comment-con .time{text-align:right; margin:0 15px; color:#d7d7d7; line-height:32px; font-size:10px; -webkit-transform:scale(0.84); transform:scale(0.84);}

.position .price{float:left; width:105px; height:47px; color:#dc0432; font-size:18px;}
.position .select{margin-bottom:-10px;}
.position .memo{height:30px; line-height:30px; color:#777; font-size:12px; padding-left:15px;}
.position .position-btn #submit{float:right; width:170px;}

/* =================================================== */
/* 测试 */
.t-bg{position:relative; width:100%; height:158px; background:url(../images/test/t-bg@2x.png) no-repeat center center; background-size:100% 100%;}
.t-bg .back, .t-bg .history-back, .t-bg .close{display:block; position:absolute; z-index:100; top:0; width:44px; height:44px; overflow:hidden; text-decoration:none; background:no-repeat center center; background-size:100% 100%;}
.t-bg .back, .t-bg .history-back{left:0; background-image:url(../images/global/back@2x.png);}
.t-bg .close{right:0; background-image:url(../images/global/close@2x.png);}
.t-bg .step{color:#dc0431; font-size:14px; width:220px; height:44px; line-height:44px; margin:0 auto; text-align:center;}
.t-tip{width:300px; height:58px; overflow:hidden; background:url(../images/test/t-tip@2x.png) no-repeat center center; background-size:100% 100%;}
.t-tip div{display:table-cell; vertical-align:middle; width:260px; height:58px; overflow:hidden; padding:0 20px; color:#fff; font-size:16px; text-align:center;}
.quans{width:12px; height:12px; background:#dc0431; border-radius:6px;}

.t-first{width:260px; height:auto; overflow:hidden; margin:0 auto;}
.t-first li{width:100%; height:auto; overflow:hidden; margin-top:25px;}
.t-first li div{float:left; margin-top:3px; margin-right:5px; text-align:left; font-size:14px; color:#777;}
.t-first li .text{margin:0; width:243px;}
.t-start-btn, .t-start-btn:hover{display:block; margin:0 auto; margin-top:30px; width:101px; height:97px; overflow:hidden; text-decoration:none; background:url(../images/test/t-start-btn@2x.png) no-repeat center center; background-size:100% 100%;}
.t-start-btn div{width:101px; color:#fff; font-size:16px; line-height:18px; text-align:center; margin-top:28px;}

.t-list{margin-top:20px; margin-left:10px;}
.t-list input{display:none;}
.t-list input + label{display:block; float:left; height:40px; line-height:40px; overflow:hidden; color:#666; margin-right:10px; margin-bottom:10px; text-align:center; font-size:16px; border:1px solid #ccc; border-radius:3px; cursor:pointer; transition:all 0.3s ease-out;}
.t-list input:checked + label{border-color:#ff8288; background:#ff8288; color:#fff;}
.t-activity input + label, .t-absorption input + label, .t-interest input + label, .t-envy input + label, .t-initiative input + label, .t-wrong input + label{text-align:left; padding-left:20px;}

/* =================================================== */
/* 会员 */
.member{height:76px; padding:20px 0;}
.member .avatar{float:left; margin-left:30px; width:76px; height:76px; background:no-repeat center center; background-size:100% 100%; -moz-border-radius:38px; -webkit-border-radius:38px; border-radius:38px;}
.member .name{float:left; margin-left:20px; margin-top:15px; text-align:left; font-size:16px; width:50%; height:25px; line-height:25px;}
.member .name span{display:inline-block; background:#808080; margin-left:5px; margin-top:8px; width:20px; height:10px; overflow:hidden; line-height:10px; font-size:10px; -webkit-transform:scale(0.84); transform:scale(0.84); color:#fff; text-align:center;}
.member .not{float:left; margin-left:20px; margin-top:24px; text-align:left; font-size:16px; width:50%; height:27px;}
.member .not a{display:block; float:left; width:65px; height:25px; line-height:25px; font-size:12px; color:#dc0432; border:1px solid #dc0432; border-radius:3px; margin-right:10px; text-align:center; text-decoration:none;}
.member .tel{float:left; margin-left:20px; text-align:left; width:50%; height:20px; line-height:20px; color:#acacac;}

.member-menu a{height:50px; line-height:50px; color:#828282;}
.member-menu li a .subject{background-image:url(../images/member/m-subject-ico@2x.png);}
.member-menu li a .order{background-image:url(../images/member/m-order-ico@2x.png);}
.member-menu li a .teacher{background-image:url(../images/member/m-teacher-ico@2x.png);}
.member-menu li a .coupon{background-image:url(../images/member/m-coupon-ico@2x.png);}
.member-menu li a .help{background-image:url(../images/member/m-help-ico@2x.png);}

.member-tel, .member-tel:link, .member-tel:hover{display:block; color:#dc0432; margin:0 auto; margin-top:10px; font-size:14px; width:150px; height:28px; line-height:28px; text-align:left; border:1px solid #c4c2c3; background:#fff; text-decoration:none; border-radius:5px;}
.member-tel div{float:left; margin:0 5px; width:28px; height:28px; background:url(../images/member/m-tel@2x.png) no-repeat center center; background-size:100% 100%;}

.member-teacher li{padding:15px 0; height:auto; border-bottom:1px solid #e5e5e5;}
.member-teacher li a{display:block; float:left; width:66px; height:auto; overflow:hidden; text-align:center; text-decoration:none;}
.member-teacher li a .avatar{width:66px; height:66px; border-radius:33px; background:no-repeat center center; background-size:100% 100%;}
.member-teacher li a .name{height:20px; line-height:20px; font-size:12px;}
.member-teacher li a .info{height:15px; line-height:15px; font-size:12px; color:#777; -webkit-transform:scale(0.91); transform:scale(0.91);}

.member-order li a{display:block; height:auto; overflow:hidden; text-decoration:none;}
.member-order li .title{padding:0 5px 0 15px; height:40px; line-height:40px;}
.member-order li .title span{float:right; font-size:14px;}
.member-order li .title .status{color:#444; font-size:14px;}
.member-order li .title .status0{color:#f7093b;}
.member-order li .title .status1{color:#f78f09;}
.member-order li .title .status2{color:#44bc28;}
.member-order li .info{padding:0 5px 0 15px; color:#7f7f7f; width:auto; height:25px; line-height:25px; overflow:hidden; font-size:12px;}
.member-order li .info .star{float:right; margin-top:2px; padding-right:4px;}
.member-order li .info .star i{margin-right:-4px;}
.member-order li .info .price{font-size:12px; text-align:right; height:25px; line-height:25px;}
.member-order li .info span{color:#dc0432; font-size:12px;}
.member-order li .info .price span{font-size:16px;}
.member-order li .sf{padding:0 5px 0 15px; height:22px; line-height:22px; color:#666; font-size:14px;}
.member-order li .sf div{width:22px; height:22px; overflow:hidden; float:left; margin-right:10px; background:no-repeat center center; background-size:100% 100%; -moz-border-radius:11px; -webkit-border-radius:11px; border-radius:11px;}
.member-order li .btn{padding:0 5px 0 15px; height:38px;}
.member-order li .btn a{float:right; width:68px; height:24px; line-height:24px; background:#fff; margin-left:5px; margin-top:6px; font-size:12px; border:1px solid #8d8d8d; color:#a4a4a4; text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

.order-detail{text-align:left;}
.order-detail .title{padding:0 15px; height:40px; line-height:40px;}
.order-detail .title span{float:right; font-size:14px;}
.order-detail .title .status{color:#444; font-size:14px;}
.order-detail .title .status0{color:#f7093b;}
.order-detail .title .status1{color:#f78f09;}
.order-detail .title .status2{color:#44bc28;}
.order-detail .info{padding:0 15px; color:#7f7f7f; width:auto; height:25px; line-height:25px; overflow:hidden; font-size:12px;}
.order-detail .info .price{font-size:12px; text-align:right; height:25px; line-height:25px;}
.order-detail .info span{color:#dc0432; font-size:12px;}
.order-detail .info .price span{font-size:16px;}
.order-detail .sf{display:block; height:auto; overflow:hidden; text-decoration:none; padding:0 5px 0 15px; height:22px; line-height:22px; color:#666; font-size:14px;}
.order-detail .sf div{width:22px; height:22px; overflow:hidden; float:left; margin-right:10px; background:no-repeat center center; background-size:100% 100%; -moz-border-radius:11px; -webkit-border-radius:11px; border-radius:11px;}
.comment .comment-title{margin:0 15px; height:auto; line-height:40px; font-size:16px;}
.comment .comment-cell{height:50px;}
.comment .comment-cell .label{color:#7a7a7a; width:70px; height:50px; line-height:50px; margin-left:15px; float:left; font-size:12px;}
.comment .comment-cell .star{height:25px; margin-top:12px;}
.comment .comment-cell .star i{width:25px; height:25px; background-image:url(../images/global/star2@2x.png);}
.comment .comment-cell .star i.x{background-image:url(../images/global/star2_x@2x.png);}
.comment .textarea{margin:20px 15px 10px 15px; border:1px solid #ccc; padding:5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.comment .textarea textarea{width:100%; height:115px; border:none;}
.comment .text{margin:20px 15px 10px 15px; line-height:20px; font-size:12px; color:#7a7a7a;}
.comment .time{text-align:right; margin:0 15px; width:100%; color:#d7d7d7; line-height:32px; font-size:10px; -webkit-transform:scale(0.84); transform:scale(0.84);}
.groupa .button{background:none;}
.groupa .btn a{display:block; text-decoration:none; float:left; margin-left:15px; background-color:#dc0432; color:#fff; font-size:16px; text-align:center; width:auto; height:40px; line-height:40px; margin-top:10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; transition:all 0.2s linear 0s;}
.groupa .btn .right{float:right; margin-right:15px; background-color:#bbb;}

.coupon-page-placeholder{height:49px;}
.coupon-page{width:100%; height:49px; background:#fff; border-bottom:1px solid #e5e5e5; position:fixed; left:0; top:45px; z-index:2;}
.coupon-page a{display:block; float:left; width:50%; height:47px; line-height:47px; overflow:hidden; text-align:center; font-size:16px; border-bottom:2px solid #fff; text-decoration:none; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; transition:all 0.2s linear 0s;}
.coupon-page a.x{border-bottom:2px solid #00c7d0;}
.coupon li{height:auto;}
.coupon li ul{padding-bottom:20px;}
.coupon li li{margin:20px; margin-bottom:0; height:85px;}
.coupon li li .cou{border:1px solid #cecccd; width:100%; height:83px; overflow:hidden;}
.coupon li li .cou .info, .coupon li li .cou .time{float:right; width:37%; height:83px; overflow:hidden;}
.coupon li li .cou .info{float:left; width:63%; background:#00c7d0; color:#fff; text-align:left;}
.coupon li li .cou .info div{margin-left:13px; margin-top:18px; line-height:25px; font-size:32px; font-weight:bold;}
.coupon li li .cou .info div strong{font-size:16px;}
.coupon li li .cou .info span{margin-left:17px; display:block; line-height:15px; font-size:12px;}
.coupon li li .cou .time div{margin-top:17px; line-height:25px;}
.coupon li li.coupon-d .cou .info{background:#b3b3b3; color:#dbdbdb;}
.coupon li li.coupon-d .cou .time div{color:#b3b3b3;}
.coupon li li.coupon-d1 .cou .info{background:#fc8581;}
.coupon li li.coupon-d2 .cou .info{background:#ebc364;}
.coupon li li.coupon-d3 .cou .info{background:#9bd56f;}

.member-article a .ma-ico1{background-image:url(../images/member/ma-ico01@2x.png);}
.member-article a .ma-ico2{background-image:url(../images/member/ma-ico02@2x.png);}
.member-article a .ma-ico3{background-image:url(../images/member/ma-ico03@2x.png);}
.member-article a .ma-ico4{background-image:url(../images/member/ma-ico04@2x.png);}

/* =================================================== */
/* 发现 */
.nav .tel{width:28px; height:28px; margin-top:8px; margin-right:8px; background-image:url(../images/member/m-tel@2x.png);}

.di-index{padding-bottom:5px;}
.di-index li{margin-top:5px; width:auto; height:auto; overflow:hidden; text-align:left;}
.di-index li .area{border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#fff;}
.di-index li .area1{float:left; border-right:1px solid #e5e5e5;}
.di-index li .area2{float:right; border-left:1px solid #e5e5e5;}
.di-index li .area .title{height:33px; line-height:33px; font-size:14px; padding-left:15px;}
.di-index li .area .tea{padding:10px 0; width:auto; height:83px; overflow:hidden;}
.di-index li .area .tea a{display:block; float:left; width:66px; height:auto; overflow:hidden; text-align:center; text-decoration:none;}
.di-index li .area .tea a .avatar{position:relative; width:48px; height:48px; border-radius:24px; background:no-repeat center center; background-size:100% 100%;}
.di-index li .area .tea a .name{height:20px; line-height:20px; font-size:12px;}
.di-index li .area .tea a .info, .di-index li .area .tea a .info div{height:15px; line-height:15px; font-size:12px; color:#777;}
.di-index li .area .tea a .info div{width:76px; margin-left:-5px; -webkit-transform:scale(0.84); transform:scale(0.84);}

/* =================================================== */
/* 课表 */
body.sub{background:#f2f2f2 url(../images/member/m-timeline-bg.png) repeat-y left center;}
body.nosub{background-image:none;}

.weekcal{position:relative; width:auto; height:auto; overflow:hidden;}
.weekcal .ym{position:absolute; z-index:11px; top:0; left:15px; height:36px;}
.weekcal .ym .year, .weekcal .ym .month{float:left; height:36px; line-height:36px; overflow:hidden; color:#dc0432; font-size:14px;}
.weekcal .date, .weekcal .date div, .weekcal .date div a, .weekcal .date div font{display:block; margin:0; padding:0; height:36px; line-height:36px; overflow:hidden;}
.weekcal .date div{position:absolute; top:0; left:50%; width:118px; margin-left:-59px;}
.weekcal .date div a{float:left; width:26px; text-decoration:none;}
.weekcal .date div a span{display:block; width:16px; height:16px; line-height:16px; font-size:12px; background:#dc0432; color:#fff; border-radius:8px; margin:0 auto; margin-top:10px;}
.weekcal .date div font{float:left; width:66px; font-size:14px; color:#dc0432;}
.weekcal .scroll, .weekcal .scroll .day{border-top:1px solid #e5e5e5;}
.weekcal .scroll, .weekcal .scroll .part{height:auto;}
.weekcal .scroll .field{float:left;}
.weekcal .scroll .week, .weekcal .scroll .day{width:100%; height:44px; line-height:44px; overflow:hidden; font-size:14px;}
.weekcal .scroll .week li{float:left; color:#888;}
.weekcal .scroll .day li{float:left; position:relative; cursor:pointer;}
.weekcal .scroll .day li div{position:absolute; left:25px; top:10px; width:8px; height:8px; background:#dc0432; border-radius:4px;}
.weekcal .scroll strong{display:block; clear:both; overflow:hidden; width:auto; height:0; font-size:0;}

.subject-box .weekcal{background:#fff; border-bottom:1px solid #dadada;}
.subject-box .weekcal .ym .year{display:none;}

.subject-box .list{padding-bottom:10px; text-align:left;}
.subject-box .list li{margin-top:10px;}
.subject-box .list li .box-area{margin-left:60px; margin-right:10px; height:80px;}
.subject-box .list li .box-area .time{float:left; position:relative; width:60px; height:14px; margin-top:31px; margin-left:-60px;}
.subject-box .list li .box-area .time font{float:left; display:block; width:40px; height:14px; line-height:14px; font-size:12px; -webkit-transform:scale(0.91); transform:scale(0.91); text-align:center; color:#999;}
.subject-box .list li .box-area .time span{float:left; display:block; width:10px; height:10px; border:2px solid #dc0432; border-radius:7px; background:#fff;}
.subject-box .list li .box-area .time div{float:right; width:5px; height:8px; margin-top:3px; margin-right:-1px; background:url(../images/member/m-jt@2x.png) no-repeat center center; background-size:100% 100%;}
.subject-box .list li .box-area .box{float:left; width:100%; height:78px; border:1px solid #dadada; border-radius:4px; background:#fff;}
.subject-box .list li .box-area .box .title{height:38px; line-height:38px; margin-left:15px; font-size:12px;}
.subject-box .list li .box-area .box a{display:block; height:30px; padding-top:9px; line-height:22px; margin-left:15px; font-size:12px; text-align:left;}
.subject-box .list li .box-area .box a div{float:left; height:22px; font-size:12px; margin-right:10px; color:#777;}
.subject-box .list li .box-area .box a .avatar{width:22px; height:22px; overflow:hidden; float:left; margin-right:10px; background:no-repeat center center; background-size:100% 100%; -moz-border-radius:11px; -webkit-border-radius:11px; border-radius:11px;}

/* =================================================== */
/* 登录注册 */
.login-box .ge-title .title{width:110px; margin-left:-55px; background:#f2f2f2;}
.login-box .box{margin:0 15px; border:1px solid #e5e5e5; border-radius:4px; background:#fff;}
.login-box .box .cell{height:42px; line-height:42px; font-size:14px; text-align:left;}
.login-box .box .cell div{width:42px; height:42px; float:left; background:no-repeat center center; background-size:100% 100%;}
.login-box .box .cell .ico1{background-image:url(../images/member/m-login-ico01@2x.png);}
.login-box .box .cell .ico2{background-image:url(../images/member/m-login-ico02@2x.png);}
.login-box .box .cell .ico3{background-image:url(../images/member/m-login-ico03@2x.png);}
.login-box .box input{width:80%; height:42px; line-height:42px; border:none; background:#fff; font-size:14px;}
.login-box .button{background:none; margin-top:10px;}
.login-box .forget{height:20px; line-height:20px; text-align:right; font-size:12px; margin:0 15px; margin-bottom:38px;}
.login-box .third{height:60px;}
.login-box .third a{display:block; float:left; width:60px; height:60px; text-decoration:none; border-radius:30px; background:no-repeat center center; background-size:100% 100%;}
.login-box .third .third1{background-image:url(../images/member/m-login-third01@2x.png);}
.login-box .third .third2{background-image:url(../images/member/m-login-third02@2x.png);}
.login-box .third .third3{background-image:url(../images/member/m-login-third03@2x.png);}
.login-box .third .third4{background-image:url(../images/member/m-login-third04@2x.png);}

.login-box .tip{height:50px; line-height:50px; margin:0 15px; text-align:left; font-size:12px;}
.login-box .box-area{margin:0 15px; margin-right:150px;}
.login-box .box-area a{display:block; float:right; margin-right:-135px; width:115px; height:42px; line-height:42px; text-align:center; color:#555; background:#999; text-decoration:none; border-radius:4px;}
.login-box .box-area .box{float:left; width:100%; margin:0;}
.login-box .box-area .box input{margin-left:5px;}

.forget-box .box input{margin-left:10px;}
.forget-box .lr{height:42px; margin:0 15px; margin-top:10px;}
.forget-box .lr .box{margin:0; margin-right:113px; height:42px;}
.forget-box .lr .box a{margin-right:-113px; display:block; float:right; width:98px; height:42px; line-height:42px; color:#fff; background:#dc0432; text-align:center; text-decoration:none; border-radius:4px;}
.forget-box .lr .box input{width:90%; float:left;}

/* =================================================== */
/* 订单 */
.order-create .cell{height:40px; line-height:40px; text-align:left; padding-left:15px;}
.order-create .cell font, .order-create .top .cell div, .order-create .cell .subtit{display:block; float:left; height:40px; line-height:40px; font-size:12px; margin:0;}
.order-create .cell font{color:#777;}
.order-create .top a{display:block; padding:10px 0; padding-left:15px; height:50px; text-decoration:none; text-align:left;}
.order-create .top a .avatar{float:left; width:50px; height:50px; border-radius:25px; margin-right:10px; background:no-repeat center center; background-size:100% 100%;}
.order-create .top a .memo, .order-create .top a .subject{float:left;width:75%; height:20px; line-height:20px; overflow:hidden; font-size:12px;}
.order-create .top a .memo{color:#999; margin-top:5px;}
.order-create .cell .subtit{float:right; margin-right:15px;}
.order-create .cell .coupon{margin:0;}
.order-create .cell .coupon a{display:block;}
.order-create .cell .coupon a span{display:block; float:right; width:40px; height:40px; background:url(../images/global/push@2x.png) no-repeat center center; background-size:100% 100%;}
.order-create .cell .price{font-size:14px; color:#dc0432;}

.coupb{background:#000; opacity:0.5; width:100%; overflow:hidden; position:fixed; left:0; top:0; z-index:200;}
.coup{background:#fff; position:fixed; left:0; top:0; width:100%; height:auto; overflow:hidden; z-index:200;}
.coup a, .coup a:hover{display:block; width:auto; height:45px; line-height:45px; overflow:hidden; border-top:1px solid #ccc; text-align:left; text-decoration:none;}
.coup a i, .coup a div, .coup a span{font-size:14px; margin-left:10px; display:block; float:left;}
.coup a i{width:12px; height:12px; overflow:hidden; background:#c7c7c7; margin-top:16px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.coup a span{font-size:12px;}
.coup font, .coup .coupcb{display:block; width:100%; height:55px; overflow:hidden; text-align:center; background:#fff;}
.coup .coupcb{position:absolute; left:0; bottom:0;}
.coup .coupcb a.coupc{border:none; height:35px; padding:10px 15px; text-align:center;}
.coup .coupcb a.coupc span{display:block; float:none; height:35px; line-height:35px; color:#999; border:1px solid #b1b1b1; font-size:14px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

.order-complete .pic{background-image:url(../images/order/o-complete@2x.png);}
.order-complete .tel, .order-complete .tel:link, .order-complete .tel:hover{display:block; color:#dc0432; margin:0 auto; margin-top:15px; font-size:14px; width:150px; height:28px; line-height:28px; text-align:left; border:1px solid #c4c2c3; background:#fff; text-decoration:none; border-radius:5px;}
.order-complete .tel div{float:left; margin:0 5px; width:28px; height:28px; background:url(../images/member/m-tel@2x.png) no-repeat center center; background-size:100% 100%;}

/* =================================================== */
/* 城市 */
.other-city li{margin-left:15px; border-bottom:1px solid #e5e5e5; height:44px; line-height:44px; text-align:left; font-size:16px;}
.other-city li a{display:block; height:44px; line-height:44px; font-size:14px; color:#777; text-decoration:none;}
.other-city li span{display:block; float:left; height:44px; line-height:44px; font-size:14px; color:#777; margin-right:20px;}





